<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png">
  </div>
</template>

<script>
// @ is an alias to /src

export default {
  name: 'Home',

  beforeCreate(){
    console.log("beforeCreate")
  },
  created(){
    console.log("created")
  },
  beforeMount(){
    console.log(this.$refs)
    console.log("beforeMount")
  },
  mounted(){
    console.log(this.$refs)
    console.log("mounted")
    window.addEventListener("scroll",this.handleScroll)
  },
  beforeUpdate(){
    console.log(" beforeUpdate")
  },
  updated(){
    console.log("update")
  },
  beforeDestroy(){
    console.log("beforeDestroy")
  },
  destroyed(){
    console.log("destroyed")
    window.removeEventListener("scroll",this.handleScroll)
  }
}
</script>
<style scoped>
</style>
